<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
    <title>HouseMe--好俬迷</title>

    <link href="css/houseme.css" rel="stylesheet" type="text/css" />
    <link href="css/houseme_new.css" rel="stylesheet" type="text/css" />

    <!---->
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.10.3.min.js"></script>
    <script>
        $(function () {
            var $btn_menu = $('.btn_menu a'),
                $menu = $('.menu'),
                $menucontent = $('.menucontent');

            $btn_menu.toggle(
                function () {
                    var menuH = $menucontent.outerHeight();

                    $menu.animate({
                        'height': menuH
                    }, 1000, function () {
                        $menu.css({
                            'height': 'auto'
                        });
                    });
                }, function () {
                    $menu.animate({
                        'height': 0
                    });
                }
            );




        });
    </script>


</head>

<body>
    <a name="top"></a>
    <div class="bg_all">

        <!-------------LightBox------------->
        <form action="">
            <div class="lightbox hide">
                <!--登入 每個單元可個別隱藏-->
                <div class="login">
                    <div class="title">
                        <div class="btn_x">
                            <a href="#">
                                <img src="images/btn_x.jpg" alt="">
                            </a>
                        </div>
                        <div class="c"></div>
                    </div>

                    <div class="formbox">
                        <div class="form">
                            <span>E-mail</span>
                            <input type="text">
                        </div>
                        <div class="form">
                            <span>密碼</span>
                            <input type="text">
                        </div>
                    </div>

                    <div class="btnbox">
                        <div class="content">
                            <div class="btn">
                                <a href="#">
                                    <img src="images/btn_clear.png" alt="">
                                </a>
                            </div>
                            <div class="btn">
                                <a href="#">
                                    <img src="images/btn_send.png" alt="">
                                </a>
                            </div>
                            <div class="c"></div>
                        </div>
                    </div>

                    <div class="txt"><a href="#">忘記密碼(?)</a>
                    </div>
                </div>
                <!--忘記密碼-->
                <div class="password hide">
                    <div class="title">
                        <div class="btn_x">
                            <a href="#">
                                <img src="images/btn_x.jpg" alt="">
                            </a>
                        </div>
                        <div class="c"></div>
                    </div>
                    <div class="formbox">
                        <div class="form">
                            <span>E-mail</span>
                            <input type="text">
                        </div>
                    </div>
                    <div class="btnbox">
                        <div class="content">
                            <div class="btn">
                                <a href="#">
                                    <img src="images/btn_cancel.png" alt="">
                                </a>
                            </div>
                            <div class="btn">
                                <a href="#">
                                    <img src="images/btn_send.png" alt="">
                                </a>
                            </div>
                            <div class="c"></div>
                        </div>
                    </div>

                    <div class="txt">輸入與您帳號相關聯的電子郵件地址。 我們將寄送電子郵件給您，內含如何取回密碼的指示。
                    </div>
                </div>
                <!--編輯帳號-->
                <div class="useredit hide">
                    <div class="title">
                        <div class="btn_x">
                            <a href="#">
                                <img src="images/btn_x.jpg" alt="">
                            </a>
                        </div>
                        <div class="c"></div>
                    </div>
                    <div class="formbox">
                        <div class="form">
                            <span>姓名</span>
                            <input type="text">
                        </div>
                        <div class="form">
                            <span>E-mail</span>
                            <input type="text">
                        </div>
                        <div class="form">
                            <span>密碼</span>
                            <input type="text">
                        </div>
                        <div class="form">
                            <span><font>再次確認</font></span>
                            <input type="text">
                        </div>
                    </div>
                    <div class="btnbox">
                        <div class="content">
                            <div class="btn">
                                <a href="#">
                                    <img src="images/btn_clear.png" alt="">
                                </a>
                            </div>
                            <div class="btn">
                                <a href="#">
                                    <img src="images/btn_send.png" alt="">
                                </a>
                            </div>
                            <div class="c"></div>
                        </div>
                    </div>

                </div>
                <!--創造我的俬迷本-->
                <div class="creat">
                    <div class="title">
                        <div class="btn_x">
                            <a href="#">
                                <img src="images/btn_x.jpg" alt="">
                            </a>
                        </div>
                        <div class="c"></div>
                    </div>
                    <div class="formbox">
                        <div class="form">
                            <span>標題</span>
                            <input type="text">
                        </div>
                        <div class="form">
                            <span>描述</span>
                            <textarea name="" cols="" rows=""></textarea>
                        </div>
                        <div class="form">
                            <span>上傳</span>
                            <input type="text">
                        </div>
                        <div class="btn_upload">
                            <a href="#">
                                <img src="images/btn_upload.png" alt="">
                            </a>
                            <div class="c"></div>
                        </div>
                    </div>
                    <div class="btnbox">
                        <div class="content">
                            <div class="btn">
                                <a href="#">
                                    <img src="images/btn_clear.png" alt="">
                                </a>
                            </div>
                            <div class="btn">
                                <a href="#">
                                    <img src="images/btn_send.png" alt="">
                                </a>
                            </div>
                            <div class="c"></div>
                        </div>
                    </div>
                </div>
                <!--上傳我的俬分享-->
                <div class="uploadbox">
                    <div class="title">
                        <div class="btn_x">
                            <a href="#">
                                <img src="images/btn_x.jpg" alt="">
                            </a>
                        </div>
                        <div class="c"></div>
                    </div>
                    <div class="formbox">
                        <div class="form">
                            <span>標題</span>
                            <select name="" id="">
                                <option value="">請選擇主題</option>
                            </select>
                        </div>
                        <div class="form">
                            <span>描述</span>
                            <textarea name="" cols="" rows=""></textarea>
                        </div>
                        <div class="form">
                            <span>上傳</span>
                            <input type="text">
                        </div>
                    </div>
                    <div class="btnbox">
                        <div class="content">
                            <div class="btn">
                                <a href="#">
                                    <img src="images/btn_clear.png" alt="">
                                </a>
                            </div>
                            <div class="btn">
                                <a href="#">
                                    <img src="images/btn_send.png" alt="">
                                </a>
                            </div>
                            <div class="c"></div>
                        </div>
                    </div>
                </div>

            </div>

        </form>

        <!-------------主頁面------------->
        <!--header-->
        <div class="header">
            <div class="btn_menu">
                <a href="#">
                    <img src="images/m_btn.png" alt="">
                </a>
            </div>
        </div>
        <!--menu-->
        <div class="menu">
            <div class="menucontent">
                <div class="serch">
                    <form action="">
                        <input type="text">

                    </form>
                    <div class="btn_serch">
                        <a href="#">
                            <img src="images/btn_serch.png" alt="">
                        </a>
                    </div>
                    <div class="c"></div>
                </div>
                <dl>
                    <dt class="m01">
              <a href="mtag_edit.html">
                        <img src="images/m01.png" alt="">
                    </a>
                </dt>
                    <dd>
                        <a id="select" href="#">廚房</a>
                    </dd>
                    <dd>
                        <a href="#">衛浴</a>
                    </dd>
                    <dd>
                        <a href="#">臥室</a>
                    </dd>
                    <dd>
                        <a href="#">客廳</a>
                    </dd>
                    <dd>
                        <a href="#">餐廳</a>
                    </dd>
                    <dd>
                        <a href="#">辦公區</a>
                    </dd>
                    <dd>
                        <a href="#">兒童</a>
                    </dd>
                    <dd>
                        <a href="#">照明</a>
                    </dd>
                    <dd>
                        <a href="#">儲藏/更衣室</a>
                    </dd>
                    <dd>
                        <a href="#">創意</a>
                    </dd>
                </dl>
            </div>
        </div>
        <!--kv-->
        <div class="kv">
            <a href="index.html">
                <div class="content">
                    <div class="logo">
                        <img src="images/kv.jpg" alt="">
                    </div>
                </div>
            </a>
        </div>
        <!--submenu hover效果加上 id="select"-->
        <div class="submenu">
            <ul>
                <li>
                    <a href="list_idea.html">
                        <img src="images/sm01.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="list_theme.html">
                        <img src="images/sm02.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="list_share.html">
                        <img src="images/sm03.png" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <!--頁面新增 1110↓-->
            <div class="askbox">
                <div class="asktitle">標題</div>
                <div class="askform">
                    <div class="content">
                        <input class="input1" type="text">
                    </div>
                </div>
                <div class="asktitle">發問內容</div>
                <div class="askform">
                    <div class="content">
                        <textarea name="" id="" cols="30" rows="10"></textarea>
                    </div>
                    <div class="m_btn_send"><a href="#">發表提問</a></div>
                </div>
<!--
                <div class="asktitle">投票選項</div>
                <div class="askform">
                    <div class="content">
                       <div class="inbox">
                        <input class="input2" type="text">
                        <div class="btn"><a href="#">選擇檔案</a></div>
                        <div class="c"></div>
                       </div>
                        <div class="inbox">
                        <input class="input2" type="text">
                        <div class="btn"><a href="#">選擇檔案</a></div>
                        <div class="c"></div>
                       </div>
                        <div class="inbox">
                        <input class="input2" type="text">
                        <div class="btn"><a href="#">選擇檔案</a></div>
                        <div class="c"></div>
                       </div>
                  
                    </div>
                </div>
-->
            </div>
            <div class="asklist">
        
                <div class="alist">
                    <div class="atitle">不知道該選哪個壁紙?</div>
                    <div class="foto"><a href="#"><img src="images/ask/ex_150x110.jpg" alt=""></a></div>
                    <div class="asharebox">
                       <div class="asbox">
                        <div class="as"><div class="icon"><img src="images/ask/text.png" alt=""></div><div class="num">15</div></div>
                        <div class="as"><div class="icon"><img src="images/ask/check.png" alt=""></div><div class="num">15</div></div>
                        <div class="c"></div>
                        </div>
                        <div class="alist_peo">
                            <div class="peo"><img src="images/ask/ex_40x40.jpg" alt=""></div>
                            <div class="peo_info">
                                <div class="name">提問人:小長工</div>
                                <div class="time">2014/08/12</div>
                                
                            </div>
                            <div class="c"></div>
                        </div>
                    </div>
                    <div class="c"></div>
                </div>
                <div class="alist">
                    <div class="atitle">不知道該選哪個壁紙?</div>
                    <div class="foto"><a href="#"><img src="images/ask/ex_150x110.jpg" alt=""></a></div>
                    <div class="asharebox">
                       <div class="asbox">
                        <div class="as"><div class="icon"><img src="images/ask/text.png" alt=""></div><div class="num">15</div></div>
                        <div class="as"><div class="icon"><img src="images/ask/check.png" alt=""></div><div class="num">15</div></div>
                        <div class="c"></div>
                        </div>
                        <div class="alist_peo">
                            <div class="peo"><img src="images/ask/ex_40x40.jpg" alt=""></div>
                            <div class="peo_info">
                                <div class="name">提問人:小長工</div>
                                <div class="time">2014/08/12</div>
                                
                            </div>
                            <div class="c"></div>
                        </div>
                    </div>
                    <div class="c"></div>
                </div>
                <div class="alist">
                    <div class="atitle">不知道該選哪個壁紙?</div>
                    <div class="foto"><a href="#"><img src="images/ask/ex_150x110.jpg" alt=""></a></div>
                    <div class="asharebox">
                       <div class="asbox">
                        <div class="as"><div class="icon"><img src="images/ask/text.png" alt=""></div><div class="num">15</div></div>
                        <div class="as"><div class="icon"><img src="images/ask/check.png" alt=""></div><div class="num">15</div></div>
                        <div class="c"></div>
                        </div>
                        <div class="alist_peo">
                            <div class="peo"><img src="images/ask/ex_40x40.jpg" alt=""></div>
                            <div class="peo_info">
                                <div class="name">提問人:小長工</div>
                                <div class="time">2014/08/12</div>
                                
                            </div>
                            <div class="c"></div>
                        </div>
                    </div>
                    <div class="c"></div>
                </div>
                
                
            </div>
        <!--右欄-->
            <div class="ask_choose">
               <div class="title">文章選擇</div>
               <ul>
                   <li><a href="#">選擇一</a></li>
                   <li><a class="select" href="#">選擇一</a></li>
                   <li><a href="#">選擇一</a></li>
                   <li><a href="#">選擇一</a></li>
               </ul>
           </div>
          <div class="ask_populer">
               <div class="title">受歡迎的文章</div>
               <ul>
                  <li>
                      <div class="foto"><a href="#"><img src="images/ask/ex_100x100.jpg" alt=""></a></div>
                      <div class="txt">
                          <h1><a href="#">不知道該選哪個壁紙?</a></h1>
                          <span><a href="#">假字假字假字假字假字假字假字假字假字</a></span>
                          <div class="name">nacy</div>
                          <div class="cicon"><a href="#">30</a></div>
                      </div>
                      <div class="c"></div>
                  </li>
                  <li>
                      <div class="foto"><a href="#"><img src="images/ask/ex_100x100.jpg" alt=""></a></div>
                      <div class="txt">
                          <h1><a href="#">不知道該選哪個壁紙?</a></h1>
                          <span><a href="#">假字假字假字假字假字假字假字假字假字</a></span>
                          <div class="name">nacy</div>
                          <div class="cicon"><a href="#">30</a></div>
                      </div>
                      <div class="c"></div>
                  </li>
                  <li>
                      <div class="foto"><a href="#"><img src="images/ask/ex_100x100.jpg" alt=""></a></div>
                      <div class="txt">
                          <h1><a href="#">不知道該選哪個壁紙?</a></h1>
                          <span><a href="#">假字假字假字假字假字假字假字假字假字</a></span>
                          <div class="name">nacy</div>
                          <div class="cicon"><a href="#">30</a></div>
                      </div>
                      <div class="c"></div>
                  </li>
                  
               </ul>
           </div> 
        <!--頁面新增 1110↑-->
        <!--footer-->
        <div class="footer"><a href="abotuhouseme.html">關於 HOUSEME</a> | <a href="#">聯絡我們</a>
            <span>好俬迷 HouseMe © 2014</span>
        </div>
    </div>
</body>

</html>
